<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/cart.css"/>
		<link rel="shortcut icon" href="./img/favicon.ico"/>
	</head>
	<body>
		<div class="all">
			<!--头部导航栏-->
			<header>
				<div class="nav">
					<h1><a href=""><img src="img/OPPO.png"/></a></h1>
					<ul>
						<li class="menuitem">
							<div class="submenu">
								<ul class="menu_content">
									<li>
										<a href="">
											<img src="img/m_1.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_2.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_3.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_4.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_5.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_6.png"/>
										</a>
									</li>
									<li>
										<a href="">
											<img src="img/m_7.png"/>
										</a>
									</li>
								</ul>
							</div>
							<a href="index.html">手机</a>
						</li>
						<li><a href="product.html">品牌</a></li>
						<li><a href="shopping.html">商城</a></li>
						<li><a href="">体验店</a></li>
						<li><a href="register.html">服务</a></li>
						<li><a href="">社区</a></li>
						<li><a href="">ColorOS</a></li>
						<li><a href="">云服务</a></li>
					</ul>
					<a class="oc-icon oc-iconfont-bag oc-iconfont-bag-bold" href="cart.html">
						<div>
							<p class="oc-icon oc-iconfont-cart oc-iconfont-cart-bold">&nbsp;&nbsp;&nbsp;&nbsp;购物车</p>
							<p class="oc-icon oc-iconfont-order oc-iconfont-order-bold">&nbsp;&nbsp;&nbsp;&nbsp;我的订单</p>
							<p class="oc-icon oc-iconfont-account oc-iconfont-account-bold">&nbsp;&nbsp;&nbsp;&nbsp;个人中心</p>
							<p class="oc-icon oc-iconfont-user oc-iconfont-user-bold">&nbsp;&nbsp;&nbsp;&nbsp;登录</p>
						</div>
					</a>
				</div>
			</header>
			
			<!--内容-->
			<section>
				<div class="cart_content">
					<p class="cart_wo">购物车</p>
					<div class="cart_list">
						<ul class="cart_li_co">
							<li class="cart_select">
								<input type="checkbox" name="" id="" value="" />
							</li>
							<li class="cart_photo">
								<img src="img/cart_photo.jpg"/>
							</li>
							<li class="cart_color">
								<a href="">R11s 高配版 黑色</a>
							</li>
							<li class="cart_pice">
								<span>￥3599.00</span>
							</li>
							<li class="cart_number">
								<div>
									<i class="iconfont icon-minus-bold"></i>
									<span>1</span>
									<i class="iconfont icon-jiajianzujianjiahao"></i>
								</div>
							</li>
							<li class="cart_ash">
								<a href="" class="oc-icon oc-iconfont-delete"></a>
							</li>
						</ul>
						<div class="cart_present">
							<ul>
								<li>
									<p>赠品</p>
									<div class="pre_pic">
										<img src="img/ear.png"/>
									</div>
									<a href="">运动蓝牙耳机QY7</a>
								</li>
							</ul>
						</div>
					</div>
					
					<!--结算条-->
					<div class="cart-bar">
						<a href=""><i class="oc-icon oc-iconfont-shopingcart-order"></i>继续选购</a>
						<div class="cart-bar-pice">
							<h3>应付：</h3>
							<p><i>￥</i>3599.00</p>
							<a href="">去结算</a>
						</div>
					</div>
				</div>
			</section>
			<!--尾部-->
			<footer>
				<div class="foot_a">
					<div class="list">
						<dl class="list_a">
							<dt>推荐机型</dt>
							<dd><a href="">R11s</a></dd>
							<dd><a href="">A73</a></dd>
							<dd><a href="">A57</a></dd>
							<dd><a href="">A79</a></dd>
						</dl>
						<dl class="list_a">
							<dt>服务</dt>
							<dd><a href="">服务网点查询</a></dd>
							<dd><a href="">零配件价格查询</a></dd>
							<dd><a href="">官方授权网店</a></dd>
							<dd><a href="">预置软件公示</a></dd>
						</dl>
						<dl class="list_a">
							<dt>关于我们</dt>
							<dd><a href="">关于 OPPO</a></dd>
							<dd><a href="">加入我们</a></dd>
						</dl>
						<dl class="list_a">
							<dt>商务合作</dt>
							<dd><a href="">开放平台</a></dd>
							<dd><a href="">采购相关</a></dd>
						</dl>
						<div class="contact">
							<a href="" class="oc-icon oc-iconfont-ooo">
								<span>在线客服</span>
							</a>
							<h3>4001-666-888</h3>
							<p>24  小时全国热线</p>
						</div>
					</div>
				</div>
				<div class="foot_b">
					<p>
						© 2005 - 2017 OPPO 版权所有 <a href="">粤ICP备14056724号-2</a> 联系方式：4001-666-888
						<a href="">
							<b>
							</b>
						</a>
					</p>
					<div class="ico">
						<strong>关于我们:</strong>
						<a href="">
							<i class="oc-icon oc-iconfont-weibo"></i>
						</a>
						<a href="">
							<i class="oc-icon oc-iconfont-weixin"></i>
						</a>
						<a href="">
							<i class="oc-icon oc-iconfont-alipay">
							</i>
						</a>
						<a href="">
							<i class="oc-icon oc-iconfont-global">
							</i>
							<span>Global</span>
						</a>
						
					</div>
				</div>
			</footer>
		</div>
	</body>
</html>
